<template>
  <div class="about">
    <h4>我是关于页面</h4>
  </div>
</template>

<script>
export default {
  transition: "page",
  async mounted() {
    const data = await this.$api.getUserInfo()

    console.log(data)
  }
}
</script>

<style lang="scss" scoped>
.about {

  h4 {
    text-align: center;
  }

}

.page-enter-active,
.page-leave-active {
  transition: opacity 2s;
}

// 页面激活
.page-enter-active {
  opacity: 1;
}

.page-enter,  // 开始进入
.page-leave-active {  // 页面失活
  opacity: 0;
}
</style>
